<!--菜单管理-->
<template>
  <div class="home-page-content">
    <h3>菜单管理</h3>
    <Tabs :value="tabsValue" :animated="false" @on-click="tabsClick">
      <TabPane label="平台端菜单" name="Platform">
        <MenuPage :ownType="tabsValue" v-if="tabsValue == 'Platform'" />
      </TabPane>
      <TabPane label="用户端菜单" name="User">
        <MenuPage :ownType="tabsValue" v-if="tabsValue == 'User'" />
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
import MenuPage from "./menuPage.vue";

export default {
  name: "menuManage",
  components: { MenuPage },
  data() {
    return {
      tabsValue: "Platform",
    };
  },
  methods: {
    tabsClick(ev) {
      console.log(ev);
      this.tabsValue = ev;
    },
  },
};
</script>

<style scoped lang="less"></style>
